.root
  > div
    padding-top 10px
  ul.tabs
    margin-top -2px
    > b
      bottom -2px

//Review Admin
.creator
  background #f3f6f9
.creator, .item
  position relative
  margin 20px 0
  padding 20px 30px
  width 600px
  border 1px solid #AFC9E2
  .close
    position absolute
    right 7px
    top 7px
    cursor pointer
    &> i
      font-size 18px
      color #aaa
  input
    width 160px
    height 26px
    border 1px solid #AFC9E2
    padding 0 5px
  input, button
    vertical-align bottom
  .question
    display block
    position relative
    width 390px
    padding-right 30px
    margin-bottom 5px
  .delete
    overflow hidden
    cursor pointer
    display block
    font-style normal
    position absolute
    right 0
    top 3px
    color #aaa
    font-size 12px
.date_input
  width 160px
.operate
  padding 12px 0 0 0
  > button
    padding 0 18px
  > button, > a[data-role="link"]
    display inline-block
    margin-right 25px
    vertical-align middle

.btn_addquestion
  display inline-block
  margin-left 8px
  min-width 54px
  span
    font-size 12px
    line-height 26px
  height 26px
.btn_operate
  height 30px
  line-height 30px


.template_form, .template_block
  font-size 0
  &>div
    padding 7px 0
  label
    display inline-block
    font-size 14px
    width 140px
  &>div>div
    font-size 14px
    display inline-block
    vertical-align top


// Template Admin Item
.item
  background #f3f6f9
  border none
  h2
    font-size 16px
    color #000
    padding 5px 0 

  &.editing
    background #fff
    border 1px solid #eee
  .state
    position absolute
    top 20px
    right 30px
    font-size 12px
    &:before
      content ''
      margin-right 8px
      width 6px
      height 6px
      border-radius 6px
.color1:before
  background #FD8587
.color2:before
  background #74D788
.color3:before
  background #F2D34F
.color4:before
  background #ccc

.note
  width 600px
  height 60px
  padding 0 20px
  margin 10px 0
  line-height 60px
  font-size 14px
  color #777
  background #F1F6FF

.projects
  margin 20px 0
.dark_form, .question_block, .bright_form
  padding 20px 25px
  background #F3F6F9
  width 600px
  table tr th
    width 100px

.bright_form
  background #fff
  border 1px solid #AFC9E2
.question_block
  margin-top 30px

.inline
  display inline-block
.review_meta
  display inline-block
  float left
  
.divider
  position relative
  margin 20px 0
  color #8CA9C5
  border-top 1px solid #AFC9E2
  text-align right
  span
    position absolute
    right 0px
    top -13px
    padding 0 0 0 26px
    font-size 16px
    background #F3F6F9

// List
.status
  color #fff
  padding 0 10px
  height 20px
  font-size 12px
  display inline-block
  margin-right 5px

.status_cancel
  background-color #CFDAE5
.status_read0
  background-color #A5C1DC
.status_read1
  background-color #99CDB0
.status_submit
  background-color #99CDB0
    
    
// Review Item
.member
  line-height 32px
.avatar
  display inline-block
  width 32px
  height 32px
  border-radius 32px
  margin-right 5px
  background-position center
  background-size cover
  vertical-align top
  &.mini
    display block
    width 28px
    height 28px
    border-radius 28px
    display inline-block
    position relative
    margin-bottom 8px
    &:before
      content ''
      width 7px
      height 7px
      border-radius 7px
      position absolute
      bottom 0
      right -2px
  &.avatar_na
    &:after
      display block
      width 28px
      height 28px
      content '\EA17'
      font-family 'myfont'
      font-size 22px
      line-height 28px
      text-align center
      border 1px solid rgb(185, 206, 230)
      color rgb(185, 206, 230)
      overflow hidden
      border-radius 50%
      background-color rgb(234, 242, 251)
  &.large
    display block
    width 64px
    height 64px
    border-radius 64px
    &.avatar_na
      &:after
        width 64px
        height 64px
        font-size 50px
        line-height 64px
  &.submitted:before
    background #37D577
  &.canceled:before
    background #FD8587
.content
  padding 15px 0
  color #777
  font-size 14px
  word-wrap break-word

textarea
  border 1px solid #d5e1eb
  margin-bottom 10px
  padding 10px
  resize none
.input_init
  border 1px solid #AFC9E2
  cursor text 
  background #fff 
  line-height 30px 
  padding 0 10px 
  color #8CA9C5

.button_save
  display inline-block
  margin-right 10px
  background #58c6b5 !important
  color #fff
.button_cancel
  display inline-block
  color #777

.reviewer_list
  margin 10px 0
  padding 10px 0
  li
    position relative
    display inline-block
    text-align center
    vertical-align top
    width 84px
    padding 10px
    margin-right 20px
    background #fff
    border-radius 5px
    &:hover
      background #F3F6F9
  .remove
    position absolute
    right 0
    top 0
    width 16px
    height 16px 
    line-height 16px
    border-radius 16px
    font-size 20px
    cursor pointer
    color #bbb
  .btn_add
    border 1px solid #AFC9E2
    color #8CA9C5
    width 64px
    height 64px
    border-radius 64px
    font-size 30px
    cursor pointer
    &:before
      content '\EA0A'
      font-family 'myfont'
      line-height 64px
      
.invite
  padding 10px 0
  &>div, button
    display inline-block

.remove
  position absolute
  right 20px
  top 10px


.project_form
  th
    vertical-align top
    text-align right
  tr 
    line-height 40px
  tr td.select
    background #fff
    width 50px
[data-role="select"]
  select
    background #fff

.report_header
  padding 25px 0 15px 0
  font-size 18px
  span
    font-size 12px
    color #999
    font-weight normal
    background #f3f6f9
    display inline-block
    padding 1px 5px
    margin-right 5px
    vertical-align 3px
.report_chart
  height 20px
  background #f3f6f9
  width 600px
  overflow hidden
  .bar
    overflow visible
    float left
    font-size 0
    lineHeight 20px
    background #f3f6f9
    padding 0
    font-size 12px
    color #fff
    overflow hidden
    width 0
    span
      padding-left 5px
      opacity 0